@charset "UTF-8";

body {position: relative; margin: 0 auto;  padding: 0;  border: 0;}

#header { margin-bottom: 17px; }

hr.bot {
  margin-left: 0;
}

#calculate {
  margin-bottom: 13px;
  /*margin-bottom: 13px;*/
  /*margin-bottom: 12px;*/
}

#intro {
  margin-top: 27px;
}

#results, #footer, #sidebar, 
	#debug-wrapper, #searchWeb {
  left: -10000px; 
}

.assuming {
	display: block;
}

.not-found {
	position: relative;
	top: 13px;
}

/* Very specific z-indexing, for sidebar popups */

#inputArrow {
  margin-left: 0;
  margin-top: 0;
}

#howToCompute {
  margin-left: 540px;
}

#sidebar {
  z-index: 1; /* was 15 */
  margin-top: 32px;
}


#newbie {
	margin-top: 4px;
}

#newbie h2 {
  margin-bottom: 0px;
  top: -21px;
}

#newbie h2 .close {
  margin-top: -13px;
}

#newbie > div {
  width: 183px;
}

#newbie hr.top {
  height: 41px;
  width: 207px;
  /*margin-top: -2px;*/
  top: -39px;
  clip: rect(1px 204px 40px 1px);
}

#newbie hr.bot {
  bottom: -17px;
  height: 18px;
  width: 207px;
  clip: rect(1px 205px 16px 1px);
}

#newbie #try {
  margin-top: -7px;
  width: ;
}

#newbie li a {
  background-position: -570px -199px;
}

#newbie #try ul li.more {
  margin-bottom: 10px !important;
  margin-top: -2px !important;
}

#newbie #try kbd {
  margin-top: 2px;
}

#newToAlphaContainer + #relatedlinks {
  margin-top: 59px;
}

#relatedlinks > div {
  width: 160px;
}

#relatedlinks hr.top {
  height: 37px;
  width: 207px;
  /*margin-top: -2px;*/
  top: -36px;
  clip: rect(1px 204px 36px 1px);
}

#relatedlinks hr.bot {
  bottom: -17px;
  height: 18px;
  width: 207px;
  clip: rect(1px 205px 16px 1px);
}

#newToAlphaContainer + #searchtheweb {
        margin-top: 59px;
}

#searchtheweb > div {
  width: 160px;
}

#searchtheweb hr.top {
  height: 37px;
  width: 207px;
  /*margin-top: -2px;*/
  top: -36px;
  clip: rect(1px 204px 36px 1px);
}

#searchtheweb hr.bot {
  bottom: -17px;
  height: 18px;
  width: 207px;
  clip: rect(1px 205px 16px 1px);
}

.searchweb {
	margin-top: -5px;
}

#searchWeb hr.top, #searchWeb hr.bot {
  height: 17px;
  width: 569px;
  clip: rect(1px 568px 16px 1px);
}

#searchEngineMenu {
	margin-left: -26px;
	margin-top: 18px;
}
#searchEngineMenu li.last {
	border-bottom: 1px solid #999;
}

#ads hr.top {
  height: 37px;
  width: 207px;
  /*margin-top: -2px;*/
  top: -36px;
  clip: rect(1px 204px 36px 1px);
}

#ads hr.bot {
  bottom: -10px;
  height: 18px;
  width: 207px;
  clip: rect(1px 205px 16px 1px);
}


.pulldownContainer {
	display: inline;
	margin-left: 6px !important;
}
.pulldown {
	display: inline;
}
.pulldown .pulldown-menu {
	top: 15px;
}
.pulldown .pulldown-menu li {
	margin-bottom: 0 !important;
}
.pulldown .pulldown-menu ul li a {
	background: none !important;
	background-color: #ffffff !important;
	margin-bottom: 0 !important;
}
.pulldown .pulldown-menu ul li a:hover {
	background: none !important;
	background-color: #ffffff !important;
}

#results {padding-top: 4px; zoom: 1;}
#results > hr.top, #feedback > hr.top, #examples > hr.top {
  height: 17px;
  width: 576px;
  clip: rect(1px 574px 16px 1px);
}

#results > hr.bot, #results #related + hr.bot, #feedback > hr.bot, #examples > hr.bot {
  height: 18px;
  width: 576px;
  top: auto;
  clip: rect(1px 575px 13px 1px);
}


#results > div.pod ~ hr.bot {
  height: 39px;
  width: 576px;
  top: auto;
  clip: rect(1px 575px 36px 1px);
}

#results > #related.pod ~ .bot {
  bottom: -14px;        
  height: 16px;
  top: auto;        
  background-position: -1px -85px;
}


.pod + #recalculate + #computed + .bot {
  height: 39px;
}

#examples {
  margin-bottom: -19px;
}

.pod {margin-bottom: 23px}
.pod hr.div {margin-top: -5px; margin-bottom: 1px; display: block; line-height: 0px; width: 99%;}
.pod hr.div + .sub {margin-top: -6px;}
.pod div.header {height: 16px;}

.pod hr.top, .pod hr.bot {
  height: 7px;
  width: 552px;
  background-position: 0 -101px;
  clip: rect(1px 551px 5px 1px);
}

.pod hr.bot {
  background-position: 0 -107px;
  clip: rect(1px 551px 6px 1px);
}

.pod .header a+a,.pod h1 a+a{
   padding:  0 7px 0 7px;
   background-position: 0% 70%;
   background-repeat: no-repeat;
   background-image: url(pipe.gif); 
}

#calculateAssum {
  margin-top: 16px;
  z-index: 201;
}

#calculateAssum * {
}

.assuming {
  z-index: 201; /* ensure our current stacking context is on top */
}

.assuming hr.top, #warnings hr.top, .assuming hr.bot, #warnings hr.bot {
   height: 18px;
   width:  578px; 
   clip: rect(1px 575px 16px 1px);
}

#search hr.top, #search hr.bot {
  height: 17px;
  width:  570px;
  clip: rect(1px 569px 16px 1px);
}

.assuming > div {
  padding: 4px 25px 7px 40px;
  z-index: 1;
}

.assuming .menu LI.wrapper, .assuming .menu LI.wrapper ul, .assuming .menu LI.wrapper ul li {
  z-index: 1;
}



#warnings p {
	padding: 8px 0 11px 28px;
}

#message {
  .padding-right: 40px;
}

#computed {
  margin-top: -27px;
 /* min-height: 12px;
  margin-top: 0px;*/
}


#footer ul li{background:transparent url(pipe.gif) no-repeat scroll 0 70%;}
#footer ul li:first-child{background:transparent none no-repeat scroll 0 0;}
#footer ul li+li+li+li {padding-right: 0}
/*#footer ul li+li+li+li+li+li {
  width: 85px;
  padding-left: 14px;
}*/



#feedback td>img {margin: 0; padding: 0 4px 0 14px;}
#feedback > fieldset > h2 { 	 
  height: 0px; 	 
  padding-top: 19px; 	 
  margin-top: -1px; 	 
  overflow: hidden; 
  text-indent: -5000px;	 
  background: url(/images/feedback.gif); 	 
}

div#noscript {
  margin-bottom: 27px;
}

#noscript b.top {
  background-position: 0px -114px;
  top: -15px;
}

#noscript b.bot {
  background-position: 0px -129px;
  /*bottom: -15px;
  top: auto;*/
}

#timeout { margin-bottom: 31px; }

#timeout hr.top, #timeout hr.bot, #noscript b.top, #noscript b.bot {
  background-image: url(basicSprite.png);
  background-repeat:  no-repeat;
  height: 17px;
  width: 576px;
  clip: rect(1px 575px 16px 1px);
}

#timeout hr.bot {
  bottom: -16px;
}

#warnings + #results {margin-top: 18px;}

#equal { top: 11px;}
input#equal {height: 14px;}
.example-row a.equal {margin-top: 1px;}

.popup hr {display: block; margin: 2px 0;}

.orangeborder span a img { top: 0px; }

div.pod.loading { display: block;} 

div#results div.pod.loading hr.top { display: none;}

div#results div.pod.loading hr.bot { display: none;}

#feedback-textarea {padding: 2px; }
#tmpSend { top: -1px;}
.reload, .progress {filter:alpha(opacity=50);}

#results {
  z-index: 0;
  margin-bottom: 0px;
  /*display: none;*/
}


hr.bot{z-index: -1;}

.ex-inputlink {
  height: 14px;
  top: 4px;
}

#resources h2{
  height: 0;
  padding-top: 14px;
  background: url(basicSprite.png) no-repeat scroll -353px -168px;
  overflow: hidden;
}

#thanks h1 {line-height: 26px; }


#thanks hr.top, #thanks hr.bot, #feedback #thanks hr.top, #feedback #thanks hr.bot {
  width: 570px !important;
  left: -1px;
}

#thanks hr.top, #feedback #thanks hr.top {
  top: -13px;
  background-position: 0px 0px !important;
  height:15px !important;
}


#thanks hr.bot, #feedback #thanks hr.bot {
  background-position: 0px -12px !important;
  height: 15px !important;
  
}


#thanks hr.top, #feedback #thanks hr.top {
  clip:  rect(1px 569px 13px 1px);
}

#thanks hr.bot, #feedback #thanks hr.bot {
  clip: rect(1px 569px 14px 1px);
}

#thanks {
  margin-top: 0px;
}

#splat #thanks hr.top, #splat #thanks hr.bot {
  width: 437px !important;
  background-image: url(/images/future-thanks.png);
  background-position: 1px 0px !important;
  top: -30px !important;
  height: 32px !important;
  clip: rect(1px 436px 31px 1px);
}

#splat #thanks hr.bot {
  background-position: 1px -33px !important;
  bottom: -34px !important;
  top: auto !important;
  height: 35px !important;
  clip: rect(1px 436px 34px 1px) !important;
}



#related {

}

#related.pod > hr.top {
  height: 8px;
  width: 552px;
  clip: rect(1px 551px 7px 1px);
}

#dataSources:hover > span {
}
#dataSources:hover {
}

#i {
/*  position: relative;
  top: -1px;
  left: 0;
*/
}

#splat > img {
 /* left: 10px;*/
}

#ftForm fieldset {
  bottom: 20px;
}

#ftForm fieldset > label:first-child {
  display: block;
  width: 165px;
  float: left;
}

#ftEmail + label{
  clear: both;
  margin-top: 15px;
}

div#ftSend {
  padding-top: 0px;
}

#ftSend {
  height: 21px;
}

.pod-timeout p {
  padding-top: 8px;
}


.email-confirm .content {
  padding-top: 38px;
}
/*
.email-confirm .content p ,.email-confirm .content span {
  margin-left: -42px;
}*/

#ecSend {
  top: 0px;
}

.splat-pop-container {
  margin-bottom: 83px;
}

.left-splat-pop {
  display:inline;
  left: 0px;
}

.splat-pop {
  display: inline;
}

.right-splat-pop {
  display: inline;
  left: 0px;
}

#didYouMean ul, #relatedInputs ul,
  display: inline;
}

#didYouMean ul li {
  display: inline;
}

#relatedInputs ul li{
  display: inline;
  padding: 0 14px 0 7px;
}

#didYouMean ul li a, #relatedInputs ul li a {
  line-height: 17px;
}

#didYouMean ul span {
  margin-left: 0px;
  margin-top: 0px;
  line-height: 17px;
}

#relatedInputs p.category {
  float: left;
  display: inline;
  padding-top: 6px;
}

#relatedInputs .list-holder {
  display: inline;
  max-width: 100000px;
}

#splat.language p {
  margin-top: 15px;
}

.left-timeout-pop,
.right-timeout-pop {
  display: inline;
}

.timeout-pop {
  display: inline;
  margin: 0;
}

input:disabled {
  background-color: white;
}

#more-menu ul {
  margin-top: 16px;
}

#more-menu li {
  margin-top: 0px;
}

#more-menu li#home {
  margin-top: 15px;
}

#more-menu li#professional {
  margin-top: 15px;              
}

#more-menu li#partproject {
  margin-top: 15px;        
}

#relatedInputs .category-div {
  display: inline;
}

#searchtheweb {
  z-index: 5;
}

#ads {
  z-index: 4;
}

#intro { z-index: 1;}
#intro hr { display: none !important; }

#intro .pod{
  margin: 3px 12px 5px;
  z-index: 2;
}

#intro > .top {
  display: block;
  position: relative;
  margin-bottom: -15px;
}

#intro > .bot {
  display: block;
  position: relative;
  margin-top: -15px;
  z-index: 1;
}

#intro .pod .top {
  position: relative;
  display: block;
  top: -7px;
  margin-bottom: -5px;
}
#intro .pod .bot {
  top: auto;
  height: 6px;
  bottom: -6px;
  position: relative;
  margin-top: -6px;
  z-index: -1;
}

#intro #inputs ul li {
  background-position: -570px -52px;
}


#intro #inputs ul li a {
  display: inline-block;
}

#inputs > h2 {
  padding: 4px 10px 0 0;
}

.thumbs {
  float: left;
}



/*.thumbs > li img {
  margin-top: -218px;
}

.thumbs > li:hover img {
  margin-top: -218px;
}*/
#more ul {
	padding-top: 25px;
}

#more ul.menu li {
  margin-bottom: 2px;
  margin-top: 2px;
}

#inputs, .thumbs, .thumbs li {
  z-index: 5;
}

#inputs ul.thumbs > li {
  background-position: -570px -156px !important;
}

#try ul li a {
  background-position: -570px -197px;
}

#preview {
  z-index: 1; 
}

#ec p:first-child {
	padding-top: 12px;
}
